{extend name="../../../view/addon/front" /}
{block name="body"}
	<div class="text-center">
		<img src="{$userinfo.avatar}" class="img-circle" width="80" height="80" alt=""/>
		<div style="margin-top:15px;">{$userinfo.nickname}</div>
	</div>
	<div class="user-section login-section nav-tabs-custom" style="margin-top:20px;">
		<ul class="logon-tab clearfix nav nav-tabs">
			<li class="active"><a href="#tab-login" data-toggle="tab">绑定已有账号</a></li>
			<li><a href="#tab-register" data-toggle="tab">创建新账号</a></li>
		</ul>
		<div class="tab-content">
			<div class="tab-pane tab-box fade in active bind-main login-main" id="tab-login">
				<form name="form" id="bind-form" class="form-vertical" method="POST" role="form">
					<input type="hidden" name="platform" value="{$platform}"/>
					<div class="form-group">
						<label class="control-label">账号</label>
						<div class="controls">
							<input type="text" id="username" name="username" data-rule="required" class="form-control input-lg" placeholder="用户名">
							<p class="help-block"></p>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label">密码</label>
						<div class="controls">
							<input type="password" id="password" name="password" data-rule="required;password" class="form-control input-lg" placeholder="密码">
							<p class="help-block"></p>
						</div>
					</div>
					<div class="form-group">
						<button type="submit" class="btn btn-primary btn-block btn-lg">确认绑定</button>
					</div>
				</form>
			</div>
			<div class="tab-pane tab-box fade in register-main login-main" id="tab-register">
				<form name="form" id="register-form" class="form-vertical" method="POST" role="form">
					<input type="hidden" name="platform" value="{$platform}"/>
					<div class="form-group">
						<label class="control-label">邮箱</label>
						<div class="controls">
							<input type="text" id="email" name="email" data-rule="required;email" class="form-control input-lg" placeholder="">
							<p class="help-block"></p>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label">用户名</label>
						<div class="controls">
							<input type="text" id="username" name="username" data-rule="required;length(3~30, true)" class="form-control input-lg" placeholder="">
							<p class="help-block"></p>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label">密码</label>
						<div class="controls">
							<input type="password" id="password" name="password" data-rule="required;password" class="form-control input-lg" placeholder="">
							<p class="help-block"></p>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label">手机号码</label>
						<div class="controls">
							<input type="text" id="mobile" name="mobile" data-rule="required;mobile" class="form-control input-lg" placeholder="">
							<p class="help-block"></p>
						</div>
					</div>
					<div class="form-group">
						<button type="submit" class="btn btn-primary btn-block btn-lg">创建账号并绑定</button>
					</div>
				</form>
			</div>
		</div>
	</div>
{/block}
{block name="script"}

<script>
console.log('dd');
</script>
{/block}